function ProFile() {
    return <div>
        profile
    </div>
}

function formatDate(date) {
    return new Intl.DateTimeFormat(
        'zh-CN',
        { weekday: 'long' }
    ).format(date);
}
function Item({isPacked, name}) {
    // if (isPacked) {
    //     // return <li>{name}√</li>
    //     return null
    // } else { 
    //     return <li>{name}</li>
    // }
    
    // return <li>{isPacked ? (<del>{ name+'√'}</del>):name}</li>
    
    return <li>{name}{ isPacked&&'√'}</li>
 }
export function Test({ isLogin, names = 'ss', person }) {
    const name = 'Gregorio Y. Zara111';
    const today = new Date();
    console.log(isLogin, names, person);
    return (<div>
        <h1> {name}</h1>
        <ProFile></ProFile>
        <ProFile></ProFile>
        <ProFile></ProFile>
        <h2 style={{ color: "red", backgroundColor: "yellow" }}>{formatDate(today)}</h2>
        <section>
            <h1>Sally Ride 的行李清单</h1>
            <ul>
                <Item
                    isPacked={true}
                    name="宇航服"
                />
                <Item
                    isPacked={true}
                    name="带金箔的头盔"
                />
                <Item
                    isPacked={false}
                    name="Tam 的照片"
                />
            </ul>
        </section>
    </div>)
}